<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="留学网">
<meta name="author" content="留学网">
<title>环境与科学专业</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/js.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-home" id="app">
    <layout :header="false">
      
      <div class="new-banner-wrapper">
        <img src="./static/image/new/science-banner.png" alt="" />
      </div>
      
      <!-- 环境科学专业开设课程 -->
      <new-module title="环境科学专业开设课程" :padding="[47,42]" :bottom="20">
        <div class="science-course-container">
          <div class="item" v-for="(item,index) in courseData" :key="index">
            <img :src="item.icon" alt="" class="icon">
            <div class="name">{{item.name}}</div>
          </div>
        </div>
      </new-module>
      
      <!-- 环境科学专业就业方向 -->
      <new-module title="环境科学专业就业方向" :padding="[37,46]" :bottom="20">
        <div class="science-direction-container">
          <img src="./static/image/new/science-img.png" alt="" class="photo">
          <div class="job-list">
            <div class="item" v-for="(item,index) in jobData" :key="index">
              <div class="name">{{item.name}}</div>
              <div class="content">{{item.content}}</div>
            </div>
          </div>
          <div class="train-list">
            <div class="item" v-for="(item,index) in trainData" :key="index">
              <div class="left">
                <img :src="item.icon" alt="" class="icon">
                <div class="name">{{item.name}}</div>
                <div class="line"></div>
              </div>
              <div class="right">
                <span>{{item.content}}</span>
              </div>
            </div>
          </div>
        </div>
      </new-module>
      
      <!-- 众多院校专业 挑选适合自己的 -->
      <new-school />
      
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        courseData: [
          { icon: './static/image/new/science-icon1.png', name: '机械制图' },
          { icon: './static/image/new/science-icon2.png', name: '环保设备设计' },
          { icon: './static/image/new/science-icon3.png', name: '电工学及实验' },
          { icon: './static/image/new/science-icon4.png', name: '仪器分析' },
          { icon: './static/image/new/science-icon5.png', name: '化工原理' },
          { icon: './static/image/new/science-icon6.png', name: '大气污染控制工程' },
          { icon: './static/image/new/science-icon7.png', name: '环境科学导论' },
          { icon: './static/image/new/science-icon8.png', name: '环境系统工程与优化' },
          { icon: './static/image/new/science-icon9.png', name: '环境监测' },
        ],
        jobData: [
          { name: '研究人员', content: '从事环境科学研究、环境监测、评价、管理和规划等工作' },
          { name: '环境工程师', content: '从事环保产品的开发，或进行环境工程和给水排水工程的规划' },
          { name: '教师', content: '担任大中专学校相应专业的教师' }
        ],
        trainData: [
          {
            icon: './static/image/new/science-p1.png',
            name: '培养目标',
            content: '本专业培养具备城市和城镇水、气、声、固体废物等污染防治和给排水工程、污染控制规划和水资源保护等方面的知识，能在政府部门、规划部门、经济管理部门、环保部门、设计单位、工矿企业、科研单位、学校等从事规划、设计、施工、管理、教育和研究开发方面工作的环境工程学科高级工程技术人才'
          }, {
            icon: './static/image/new/science-p2.png',
            name: '培养要求',
            content: '本专业学生主要学习生态学方面的基础理论、基本知识，受到基础研究和应用基础研究的科学思维和科学实验训练，具有较好的科学素养，掌握现代生态学理论和计算机模拟等实验技能，初步具备教学、研究、开发和管理能力。'
          }
        ]
      }
    })
  </script>
</body>
</html>